<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <!-- 元素的显示模式 -->
        <!-- 块级元素 -->
        <!-- 独占一行;高度 宽度 内外边距 行高可以控制;
        宽度默认为父级元素宽度;相当于容器,可以放行内元素和块级元素 -->
        <!-- 注意:文字类元素,不能放块级元素,主要是存放文字 -->
        
        <!-- 行内元素 -->
        <!-- 不独占一行;设置高度...无效,左右外边距和内边距有效;默认宽度是本身内容;只能放行内元素/文字 -->
        <!-- 注意:a标签可以放块级元素,但是建议先转成块级元素 -->

        <!-- 改变显示模式 -->
        <!-- display: block--改成块级元素 -->
        <!-- display: inline--改成行内元素 -->
        <!-- display: inline-block 改成行内块元素 -->
    </body>
</html>